*{
	font-size: 18px;
}

p,h3,.code{
	 
}

 
h4{
	 text-transform: capitalize;
	 /* letter-spacing: 10px; */
	 word-spacing: 10px;
	   width: 200px;
	  white-space: nowrap;
	  overflow: hidden;
	  text-overflow:ellipsis
}
h5{
	width: 800px;
	border: solid 1px red;
	word-wrap: break-word;
}
p{
	 font: 20px "myfont1";
	 text-align: left;	 
	 line-height: 1.5em;
	 text-indent: 2em; 
}
p.code{ 
	white-space: pre !important;
}

#p1 span{  
	
}

span~*{
	color: #008000;
}
div span{   
	color: red;
}
div>span{	 
	font-family: myfont;
}
@font-face {
	font-family:myfont;
	src: url(../fonts/head.ttf);
}
@font-face {
	font-family:myfont1;
	src: url(../fonts/handjbr.ttf);
}
ul>li:nth-child(3n+1)  {
	 background-color: aliceblue;
}
ul>li:nth-child(3n)  {
	 background-color:#33ffff
}
ul>li a:link{
	 text-decoration: none;
}	
ul>li a:visited{
	color: #800080;
}
ul>li a:hover{
	background-color: antiquewhite;
}
ul>li a:active{
	background-color: yellow;
}
ul>li a::before{
	content: "<";
	color: red;
}
ul>li a::after{
	content: ">";color: red;
}
ul>li:first-child a{
	color: #008000;
}
ul>li:last-child a{
	color: #FF0000;
}

#content{
	width: 600px;
	height: 600px;
	border:solid 4px red;
	border-style:solid   dotted double  dashed; 
	padding: 40px 60px 20px 10px;
	margin: 40px;
}